/* 用shadow模拟边框 */
/* .shadow {
  width: 200px;
  height: 150px;
  margin: 200px auto;
  background: yellowgreen; */
/* box-shadow: 0 0 0 10px #655; */
/* 好处是可以用模拟出多层边框，注意第四个参数是累加的 */
/* shadow不占位 */
/* box-shadow: 0 0 0 10px #655, 0 0 0 15px deeppink,
    0 0px 0px 20px rgba(0, 0, 0, 0.6);
} */



/* 如果我们需要两层边框时，可以用这个，还能再用shadow加阴影 */
/* outline描边也不占位 */
/* 不会跟随边框圆角 */
/* .shadow {
  width: 200px;
  height: 150px;
  margin: 200px auto;
  background: yellowgreen;
  border-radius: 10px;
  border: 10px solid #655;
  outline: 5px solid deeppink; */
  /* 离边框的距离 */
  /* outline-offset: 10px; */
/* } */


/* 做圆角 */
.shadow{
  width: 200px;
  height: 150px;
  margin: 200px auto;
  background: tan;
  border-radius: .8em;
  padding: 1em;
  /* 用shadow来填充圆角，outline不会跟随圆角 */
  box-shadow: 0 0 0 .4em #655;
  outline: .6em solid #655;
}
